<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <p:dialog id="dlgCustomMessage" styleClass="custom-message"
              header="#{messages.label_titulo_informacion}"
              modal="true" widgetVar="wvCustomMessage" resizable="true"
              dynamic="true" width="270">
        <p:outputPanel id="pnlCustomMessage" width="100%">
            <style>
                .ui-widget.ui-dialog.custom-message div p {
                    color: #003C5A;
                    text-align: left!important;
                }
            </style>
            <h:panelGrid cellpadding="0" cellspacing="0" columns="2" width="100%">
                <h:panelGrid cellpadding="0" cellspacing="0" columns="1" width="6%">
                    <p:graphicImage value="../../resources/images/#{viewInfoMgr.iconMessage}.png" width="20px"
                                    height="20px"/>
                </h:panelGrid>
                <h:panelGrid cellpadding="0" cellspacing="0" columns="1" width="94%"  >
                    <p id="messagesStr" ><p:outputLabel value="#{viewInfoMgr.messageStr}" escape="false" /></p>
                </h:panelGrid>
            </h:panelGrid>
            <p:fieldset styleClass="fieldset-custom-message"
                        rendered="#{not empty viewInfoMgr.fullMessageStr}"
                        legend="Ver Detalles"
                        style="border:none;" toggleable="true" toggleSpeed="0" collapsed="true">
                <p:scrollPanel id="fullMessagesStr" mode="native" style="position: relative;width: 100%; height: 200px;" >
                    <p>#{viewInfoMgr.fullMessageStr}</p>
                </p:scrollPanel>
            </p:fieldset>
            <p:spacer height="4" />
            <p:separator style="width:100%; height:1px;" />
            <h:panelGrid cellpadding="0" cellspacing="0" columns="1" style="float: right !important; ">
                <p:commandButton value="#{messages.label_aceptar}"
                                 onclick="PF('wvCustomMessage').hide()"
                                 styleClass="ui-confirmdialog-yes" icon="ui-icon-check">
                </p:commandButton>
            </h:panelGrid>
        </p:outputPanel>
    </p:dialog>
</ui:composition>

